<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>{$item.order_number}</title>

    <style>

        body{text-align: center;}

        .table-c  table{border-right:1px solid #000;border-bottom:1px solid #000; margin-bottom: 20px;}

        .table-c  table td{border-left:1px solid #000;border-top:1px solid #000; padding: 4px 10px;}

        .table-d  table{border-right:0px solid #000;border-bottom:0px solid #000}

        .table-d  table td{border-left:1px solid #000;border-top:1px solid #000;}

        ul,li{ list-style: none;}

        li{ display: inline-block; line-height: 30px;}

    </style>

</head>

<div class="print">

    <style>

        #printArea {text-align: center;}

        body td{ font-size: 20px;  white-space: nowrap;}

        @page {

            size: auto;  /* auto is the initial value */

            margin: 40px 40px 0 40px; /* this affects the margin in the printer settings */

        }

        .table-c  table{border-right:1px solid #000;border-bottom:1px solid #000;}

        .table-c  table td{border-left:1px solid #000;border-top:1px solid #000; padding: 4px 10px;}

        .table-d  table{border-right:0px solid #000;border-bottom:0px solid #000}

        .table-d  table td{border-left:1px solid #000;border-top:1px solid #000;}

        ul,li{ list-style: none;}

        li{ display: inline-block; line-height: 30px;}

    </style>

    <div class="table-c" id="printArea">

        <table border="0" cellspacing="0" cellpadding="0" width="1024" >

            <thead></thead>

            <tbody>

            <tr>

                <td>礼包名称</td>

                <td colspan="3">{$item.cat_name}{notempty name="$item.one_cat"}->{/notempty}{$item.one_cat}</td>

                <td>订单编号</td>

                <td>{$item.order_number}</td>

                <!--{eq name=":request()->controller()" value="GiftOrder"}-->

                <!--<td class="right_td"></td>-->

                <!--{/eq}-->

            </tr>

            <tr>

                <td>服务门店</td>

                <td colspan="3">{:model('shop')->where('id',$item.shop_id)->value('shop_title')}</td>

                <td>下单/退款 时间</td>

                <td>{$item.create_time}{in name="$item.status" value="10,11,12"} / {$item.refund_create_time}{/in}</td>

                <!--{eq name=":request()->controller()" value="GiftOrder"}-->

                <!--<td class="right_td"></td>-->

                <!--{/eq}-->

            </tr>

                <td>用户账号</td>

                <td>{$item.username}</td><td width="100">是否认证</td><td>{switch name="$item.is_certification"}{case 1}未认证{/case}{case 3}等待认证{/case}{case 2}已认证{/case}{/switch}</td>

                <td>服务金额</td>

                <td class="jia_td">

                   {$item.amount}

                </td>

                <!--{eq name=":request()->controller()" value="GiftOrder"}-->

                <!--<td class="right_td"></td>-->

                <!--{/eq}-->

            </tr>

            <tr>

                <td>车牌号</td>

                <td>{notempty name="$item.car_number"}{$item.car_number}{else}<input style="width: 100%;height: 100%; font-size: 16px; border: none;text-align: center" class="jia_add_int" type="text"/>{/notempty}</td>

                <td>品牌型号</td>

                <td>{notempty name="$item.brand_number"}{$item.brand_number}{else}<input style="width: 100%;height: 100%; font-size: 16px; border: none;text-align: center" type="text"/>{/notempty}</td>

                <td>车辆识别码</td>

                <td>{notempty name="$item.id_code"}{$item.id_code}{else}<input style="width: 100%;height: 100%; font-size: 16px; border: none;text-align: center" type="text"/>{/notempty}</td>

            </tr>

            <tr><td>绩效订单</td>

                <td>{switch name="item.finance_order"}

                {case 1}业务员订单{/case}

                {case 2}二维码订单{/case}

                {case 3}门店订单{/case}

                {case 4}普通订单{/case}

                {default /}-

                {/switch}</td>

                <td>订单状态</td>

                <td>{switch name="item.status"}

                    {case 1}未支付{/case}

                    {case 6}进行中{/case}

                    {case 5}待评价{/case}

                    {case 4}完成{/case}

                    {case 10}退款中{/case}

                    {case 11}退款成功{/case}

                    {case 12}退款失败{/case}

                    {case 20}已取消({$item.cancel_content}){/case}

                    {/switch}</td>

                <td>服务方式</td><td>到店自取</td>

            </tr>

            <tr><td>备注</td><td colspan="5">{$item.explain}</td></tr>

            </tbody>

        </table>



        {if condition="false"}

        {if $item.is_free_order eq 2}

        <table class="table-c" border="0" cellspacing="0" cellpadding="0" width="1224" style="margin-top: 10px;">

            <tr><td>审核状态</td><td>一级审核</td><td>二级审核</td><td>三级审核</td></tr>

            <tr>

                <td class="td0">

                    {switch name="$item.auding_status"}

                    {case 1}等待审核{/case}

                    {case 2}审核成功{/case}

                    {case 3}审核失败{/case}

                    {/switch}

                </td>

                <td class="td1">

                    {switch name="$item.auding_status1"}

                    {case 1}等待审核{/case}

                    {case 2}审核成功{/case}

                    {case 3}审核失败{/case}

                    {/switch}

                </td>

                <td class="td2">

                    {switch name="$item.auding_status2"}

                    {case 1}等待审核{/case}

                    {case 2}审核成功{/case}

                    {case 3}审核失败{/case}

                    {/switch}

                </td>

                <td class="td3">

                    {switch name="$item.auding_status3"}

                    {case 1}等待审核{/case}

                    {case 2}审核成功{/case}

                    {case 3}审核失败{/case}

                    {/switch}

                </td>

            </tr>

        </table>

        {/if}

        {if condition="strpos('11,10,12',(string)$item.status) !== false"}

        <table class="table-c" border="0" cellspacing="0" cellpadding="0" width="880" style="margin-top: 10px;">

                    <tr align="center" style="font-size: 16px;">

                        <td>申请者</td>

                        <td>申请门店</td>

                        <td>审核状态</td>

                        <td>审核时间</td>

                        <td>失败原因</td>

                    </tr>

                    {volist name='refund_order_audit_records' id='goods_list'}

                    <tr align="center">

                        <td>{$goods_list.username|default=''}</td>

                        <td>{$goods_list.shop_title|default=''}</td>

                        <td>

                            {switch name="$goods_list.status"}

                            {case 11}审核成功{/case}

                            {case 12}审核失败{/case}

                            {/switch}

                        </td>

                        <td>{$goods_list.create_time|default=''}</td>

                        <td>{$goods_list.fail_explain|default=''}</td>

                    </tr>

                    {/volist}

                </table>



        {/if}

        {/if}



    </div>

</div>

<!--<button type="button"  class="btn btn-danger" id="sp2">重新选择</button>-->

<!--<button type="button"  class="btn btn-danger" id="sp">隐藏服务人员提成</button>-->

<button type="button"  class="btn btn-danger" id="btnPrint">打印订单</button>

<script src="http://www.w3school.com.cn/jquery/jquery.js"></script>

<script src="/jquery.PrintArea.js" type="text/JavaScript" language="javascript"></script>



<script>

    //    $("#sp").click(function(){

    //        $('.service_people').toggle();

    //

    //    });

    //var a =$.getScript("/get.js");

    //console.log(a);

    function haha() {

//    window.onload = function () {

//    var a =$.getScript("/jquery.PrintArea.js");

//    //alert(a);

//    };

    }

    $(document).ready(function(){

        $("#sp").toggle(

            function(){

                //$(".service_people").css("background-color","green");},

//                $(".service_people").attr("style","display:none");

//                $(".right_td").attr("style","display:none");

               $("#table3").hide();

                $(this).text('隐藏服务人员提成');

            },

            function(){

                $("#table3").show();

                $(this).html('显示服务人员提成');

                //$(".service_people").css("background-color","red");

            }



//            ,

//        function(){

//            $("body").css("background-color","yellow");}

        );

    });

    $('#sp2').click(function(){

        history.go(0);

    });

    $(document).ready(function(){

        $(".right_td").toggle(

            function(){

                var current_time = $(this).text();//当前点击时间

                var last_time = ''; //默认没有点击时间是空



                //$(".service_people").css("background-color","green");},

                $('.right_td').each(function(){

                    var other_time = $(this).text();

                    $(this).hide();

                    $('.service_people').hide();

                    if(current_time == other_time){

                        //$(this).remove();

                        last_time = current_time; //

                    }

                });

                var i = 0;

                var arr = [];

                $('.service_people .right_td').each(function(index,item){ //循环右侧的right_td

                    var other_time2 = $(this).text(); //获取循环的各个时间

                    if(current_time == other_time2){

                        //$(this).remove();

                        i++; //获得同一时间段有多少个元素

                        var cont = $(this).parent().find('td').eq(0).text();

                        $(this).parent().show(); //同一时间段各个显示

                        arr.push(index); //把选中的同一时间段 索引放入数组

//                    if(i == 1 && cont != '服务人员提成'){

//                         var str = '<td rowspan="'+i+'">服务人员提成</td>';

//                        $(this).parent().prepend(str);

//                    }

                        //if(index == 0){ //不等于0说明不是第一组 0 1一组也可能多个 但是只执行一次

//                    if(cont != '服务人员提成'){

//

//                    }



                        //}



//                    if(index != 0){

//                        var str = '<td rowspan="'+i+'">服务人员提成</td>';

//                        $(this).parent().prepend(str);

//                    }

                    }







                });

                console.log(arr);

                var ii = $.inArray(0, arr);

                if(ii == -1){ //如果不包含索引 0 就得添加 第一个td 第一个元素加一次可以了就

                    //alert(arr[0]);//第一个索引

                    var str = '<td rowspan="'+i+'">服务人员提成</td>';

                    $('.service_people').eq(arr[0]).prepend(str);



                }



            },

            function(){

//            $(".service_people").removeAttr("style");

//            $(".right_td").removeAttr("style");

//            $(this).html('显示服务人员提成');

                //$(".service_people").css("background-color","red");

            }



//            ,

//        function(){

//            $("body").css("background-color","yellow");}

        );

    });





    $("#btnPrint").click(function () {

        $(".print").printArea();

    });

    //window.onload = function () {

    //    $("#btnPrint").on('click', function () {

    //        $(".print").printArea();

    //    });

    //};





</script>

</body>

<style>

    body{text-align: center;}

    .table-c  table{border-right:1px solid #000;border-bottom:1px solid #000; margin-bottom: 20px;}

    .table-c  table td{border-left:1px solid #000;border-top:1px solid #000; padding: 4px 10px;}

    .table-d  table{border-right:0px solid #000;border-bottom:0px solid #000}

    .table-d  table td{border-left:1px solid #000;border-top:1px solid #000;}

    ul,li{ list-style: none;}

    li{ display: inline-block; line-height: 30px;}

</style>

</html>

<style>

    body{text-align: center;}

    .table-c  table{border-right:1px solid #000;border-bottom:1px solid #000; margin-bottom: 20px;}

    .table-c  table td{border-left:1px solid #000;border-top:1px solid #000; padding: 4px 10px;}

    .table-d  table{border-right:0px solid #000;border-bottom:0px solid #000}

    .table-d  table td{border-left:1px solid #000;border-top:1px solid #000;}

    ul,li{ list-style: none;}

    li{ display: inline-block; line-height: 30px;}

</style>

<!--<script>-->

<!--$(".jia_td").click(function(){-->

<!--$(".jia_add_int").show();-->

<!--$(".jia_add_int").prev().hide();-->

<!--$(".jia_add_int").focus();-->

<!--});-->

<!--$(".jia_add_int").change(function(){-->

<!--//        console.log($(this).val());-->

<!--var a = ($(this).val());-->

<!--$(this).prev().text(a);-->

<!--});-->

<!--$(".jia_add_int").blur(function () {-->

<!--$(".jia_add_int").hide();-->

<!--$(this).prev().show();-->

<!--})-->

<!--</script>-->

